<template>
  <div>
    <el-container>
      <el-header height="80px" class="admin-header"
        ><p>米泡教育后台管理平台</p></el-header
      >
      <el-container>
        <el-aside width="200px" class="admin-aside">
          <el-menu
           style="border-right:none"
            default-active="/studentlist"
            background-color="rgb(237,237,237)"
            text-color="#aaa"
            active-text-color="rgb(250,205,0)"
            router=""
          >
            <el-submenu index="1">
              <template slot="title"
                ><i class="el-icon-user"></i>用户管理</template
              >
              <el-menu-item-group>
                <template slot="title">学生</template>
                <el-menu-item index="/studentlist">学生列表</el-menu-item>
                <el-menu-item index="/studentadd">添加学生</el-menu-item>
              </el-menu-item-group>
              <el-menu-item-group>
                <template slot="title">讲师</template>
                <el-menu-item index="teacherlist">讲师列表</el-menu-item>
                <!-- <el-menu-item index="teacheradd">添加讲师</el-menu-item> -->
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="2">
              <template slot="title"
                ><i class="el-icon-reading"></i>课程管理</template
              >
              <el-menu-item-group>
                <el-menu-item index="courselist">课程列表</el-menu-item>
                <el-menu-item index="courseadd">添加课程</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="3">
              <template slot="title"
                ><i class="el-icon-shopping-cart-2"></i>订单管理</template
              >
              <el-menu-item-group>
                <el-menu-item index="orders">订单列表</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
          </el-menu>
        </el-aside>
        <el-main 
        class="admin-main"
          >
          <!-- 根据嵌套路由动态更新 -->
          <router-view></router-view>
          </el-main
        >
      </el-container>
    </el-container>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.admin-header {
  background-color: rgb(165, 169, 172);
  color: rgb(90, 115, 142);
  font-size: 24px;
  font-weight: bold;
}
.admin-main {
  background-color: rgb(247, 247, 247);
  height: calc(100vh - 80px)
}
.admin-aside {
  background-color: rgb(237, 237, 237);
  height: calc(100vh - 80px)
}
</style>
